@charset "UTF-8";
.bg-theme { background-color: #fcb600; }

.color-theme { color: #fcb600; }

.bg-base { background-color: #25283b; }

.color-base { color: #25283b; }

.bg-active { background-color: #cb0101; }

.color-active { color: #cb0101; }

body { font-size: 14px; font-family: Source Han Sans CN,PingFangSC-Regular,"Helvetica Neue","Microsoft YaHei",黑体,Arial,sans-serif; line-height: 1.3; min-width: 1200px; }

body:-webkit-full-page-media { background: inherit; }

body * { -webkit-box-sizing: border-box; box-sizing: border-box; }

body *:before, body *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 901px) { body { padding-top: 0 !important; } }

.layout { width: 1400px; max-width: 90%; margin-left: auto; margin-right: auto; }
@media (min-width: 1921px) {
  .layout{ width: 14rem; }
}

html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 1200px) { html { font-size: calc(1200px / 1920 * 100); } }

.s0 { font-size: 0; }

.s12 { font-size: 0.12rem; }

.s13 { font-size: 0.13rem; }

.s14 { font-size: 0.14rem; }

.s15 { font-size: 0.15rem; }

.s16 { font-size: 0.16rem; }

.s17 { font-size: 0.17rem; }

.s18 { font-size: 0.18rem; }

.s19 { font-size: 0.19rem; }

.s20 { font-size: 0.2rem; }

.s21 { font-size: 0.21rem; }

.s22 { font-size: 0.22rem; }

.s23 { font-size: 0.23rem; }

.s24 { font-size: 0.24rem; }

.s25 { font-size: 0.25rem; }

.s26 { font-size: 0.26rem; }

.s27 { font-size: 0.27rem; }

.s28 { font-size: 0.28rem; }

.s29 { font-size: 0.29rem; }

.s30 { font-size: 0.3rem; }

.s31 { font-size: 0.31rem; }

.s32 { font-size: 0.32rem; }

.s33 { font-size: 0.33rem; }

.s34 { font-size: 0.34rem; }

.s35 { font-size: 0.35rem; }

.s36 { font-size: 0.36rem; }

.s37 { font-size: 0.37rem; }

.s38 { font-size: 0.38rem; }

.s39 { font-size: 0.39rem; }

.s40 { font-size: 0.4rem; }

.s41 { font-size: 0.41rem; }

.s42 { font-size: 0.42rem; }

.s43 { font-size: 0.43rem; }

.s44 { font-size: 0.44rem; }

.s45 { font-size: 0.45rem; }

.s46 { font-size: 0.46rem; }

.s47 { font-size: 0.47rem; }

.s48 { font-size: 0.48rem; }

.s49 { font-size: 0.49rem; }

.s50 { font-size: 0.5rem; }

.s51 { font-size: 0.51rem; }

.s52 { font-size: 0.52rem; }

.s53 { font-size: 0.53rem; }

.s54 { font-size: 0.54rem; }

.s55 { font-size: 0.55rem; }

.s56 { font-size: 0.56rem; }

.s57 { font-size: 0.57rem; }

.s58 { font-size: 0.58rem; }

.s59 { font-size: 0.59rem; }

.s60 { font-size: 0.6rem; }

.s61 { font-size: 0.61rem; }

.s62 { font-size: 0.62rem; }

.s63 { font-size: 0.63rem; }

.s64 { font-size: 0.64rem; }

.s65 { font-size: 0.65rem; }

.s66 { font-size: 0.66rem; }

.s67 { font-size: 0.67rem; }

.s68 { font-size: 0.68rem; }

.s69 { font-size: 0.69rem; }

.s70 { font-size: 0.7rem; }

.s71 { font-size: 0.71rem; }

.s72 { font-size: 0.72rem; }

.s73 { font-size: 0.73rem; }

.s74 { font-size: 0.74rem; }

.s75 { font-size: 0.75rem; }

.s76 { font-size: 0.76rem; }

.s77 { font-size: 0.77rem; }

.s78 { font-size: 0.78rem; }

.s79 { font-size: 0.79rem; }

.s80 { font-size: 0.8rem; }

.s81 { font-size: 0.81rem; }

.s82 { font-size: 0.82rem; }

.s83 { font-size: 0.83rem; }

.s84 { font-size: 0.84rem; }

.s85 { font-size: 0.85rem; }

.s86 { font-size: 0.86rem; }

.s87 { font-size: 0.87rem; }

.s88 { font-size: 0.88rem; }

.s89 { font-size: 0.89rem; }

.s90 { font-size: 0.9rem; }

.s91 { font-size: 0.91rem; }

.s92 { font-size: 0.92rem; }

.s93 { font-size: 0.93rem; }

.s94 { font-size: 0.94rem; }

.s95 { font-size: 0.95rem; }

.s96 { font-size: 0.96rem; }

.s97 { font-size: 0.97rem; }

.s98 { font-size: 0.98rem; }

.s99 { font-size: 0.99rem; }

.s100 { font-size: 1rem; }

.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: #000; }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.c-video__close { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #fcb600; position: absolute; right: -40px; top: 0; z-index: 1000; }

.c-video__close .icon { display: block; width: 100%; height: 100%; font-size: .21rem; text-align: center; line-height: 40px; color: #fff; }

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }

.editor img { max-width: 100%; height: auto; }

.editor table { max-width: 100%; word-break: break-all; }

.editor iframe { max-width: 100%; }

.editor video { max-width: 100%; }

body.noScroll { overflow: hidden; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: right; }

.c-pic { overflow: hidden; }

.c-pic .img { -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

.c-pic .img img { display: none; }

.c-select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2.5rem; }

.c-select input, .c-select select { display: none; }

.c-select__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f8f8f8; height: .5rem; min-height: 3em; padding: 0 .2rem; }

.c-select__hd .icon { width: 0.1rem; height: .06rem; min-width: 10px; min-height: 6px; background: url(../images/icon-down4.png) no-repeat center/contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.c-select__bd { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background-color: #e3e3e3; color: #000; display: none; max-height: 10rem; overflow: auto; }

.c-select__option { padding: .7em .2rem; cursor: pointer; }

.c-select__option:hover { background-color: rgba(203, 1, 1, 0.8); color: #fff; }

.c-select__option.on { background-color: #cb0101; color: #fff; }

.c-select.show .c-select__hd .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.c-select.show .c-select__bd { display: block; }

.c-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: Montserrat-Regular; }

.c-pagination .item { min-width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 0 20px 0 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 50%; }

.c-pagination .item:last-of-type { margin-right: 0; }

.c-pagination .item:hover { color: #fcb600; }

.c-pagination .item.on { background-color: #fcb600; color: #fff; }

.c-pagination .item.prev { background: #fcb600 url(../images/icon-prev.png) no-repeat center/15px auto; }

.c-pagination .item.prev.disabled { background-color: #25283b; }

.c-pagination .item.next { background: #fcb600 url(../images/icon-next.png) no-repeat center/15px auto; }

.c-pagination .item.next.disabled { background-color: #25283b; }

.c-pagination .item.disabled { pointer-events: none; }

@media (max-width: 1200px) { .c-pagination .item { min-width: 30px; height: 30px; line-height: 30px; }
  .c-pagination .item.prev, .c-pagination .item.next { background-size: 10px; } }

.md-ban { background-color: #aaa; font-size: 0; }

.md-ban .img { width: 100%; }

@media (max-width: 500px) { .md-ban .img { height: 200px; -o-object-fit: cover; object-fit: cover; } }

.c-img-full { font-size: 0; }

.c-img-full img { width: 100%; }

.md-subnav { background: #fff; position: relative; }

.md-subnav:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e8e8e8; }

.md-subnav .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .95rem; }

.md-subnav .crumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .5em 0; line-height: 2; }

.md-subnav .crumb img { margin: 0 .15rem; }

.md-subnav .crumb a:hover { text-decoration: underline; color: #fcb600; }

.md-subnav .cate { margin-right: 0; }

.md-subnav .cate .item { display: block; line-height: .95rem; position: relative; width: auto; margin-right: .74rem; }

.md-subnav .cate .item:last-of-type { margin-right: 0; }

.md-subnav .cate .item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .03rem; background: #fcb600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@media (any-hover: hover) { .md-subnav .cate .item:hover { color: #fcb600; }
  .md-subnav .cate .item:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } }

.md-subnav .cate .item.on { color: #fcb600; }

.md-subnav .cate .item.on:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

@media (max-width: 900px) { .md-subnav .layout { display: block; } }

.social-share .icon-wechat .wechat-qrcode { z-index: 100; }

.c-arrow { width: .6rem; height: .6rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-color: #fcb600; background-repeat: no-repeat; background-position: center; background-size: .09rem auto; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.c-arrow.swiper-button-disabled { pointer-events: none; background-color: #f2f6f9; }

.c-arrow:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.c-arrow-prev { background-image: url(../images/arrow-prev2.png); }

.c-arrow-prev.swiper-button-disabled { background-image: url(../images/arrow-prev.png); }

.c-arrow-next { background-image: url(../images/arrow-next2.png); }

.c-arrow-next.swiper-button-disabled { background-image: url(../images/arrow-next.png); }

@media (max-width: 1400px) { .c-arrow { background-size: 6px; } }

.c-scroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: #d9d9d9; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #fcb600; }

.img-full { display: block; width: 100%; }

.swiper-pagination { z-index: 2; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

[data-ani=fade-in].ani { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

@-webkit-keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

[data-ani=zoom-in].ani { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

[data-original] { min-height: 10px; }

@-webkit-keyframes dropdown { from { -webkit-transform: scaleY(0); transform: scaleY(0); }
  to { -webkit-transform: scaleY(1); transform: scaleY(1); } }

@keyframes dropdown { from { -webkit-transform: scaleY(0); transform: scaleY(0); }
  to { -webkit-transform: scaleY(1); transform: scaleY(1); } }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1); transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1); transform: scaleX(1); } }

@-webkit-keyframes blow { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }
  100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

@keyframes blow { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }
  100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes move { 0% { left: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  100% { left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes move { 0% { left: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  100% { left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

.md-header { background: #161616; color: #fff; position: relative; text-align: center; }

.md-header .main { text-align: left; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 65px; font-size: .16rem; min-width: 1400px; width: auto; max-width: 98%; }

@media (max-width: 1400px) {
  .md-header .main{ min-width: auto; width: 100%; }
}

.md-header .logo { margin-right: .6rem; }

.md-header .logo img { max-height: 60px; }

.md-header .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-header .nav .li1 { margin-right: 20px; position: relative; }

.md-header .nav .li1:last-of-type { margin-right: 0; }

.md-header .nav .li1:hover .a1, .md-header .nav .li1.on .a1 { color: #fcb600; }

.md-header .nav .li1:hover .a1:after, .md-header .nav .li1.on .a1:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.md-header .nav .li1-cate { position: static; }

.md-header .nav .a1 { display: block; line-height: 65px; padding: 0 20px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-header .nav .a1:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fcb600; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-header .nav .ul2 { position: absolute; left: 50%; top: 100%; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 8em; background: #f7f9fa; color: #333; text-align: center; padding: 6px 0; display: none; }

.md-header .nav .li2 { display: block; }

.md-header .nav .a2 { display: block; padding: 6px 10px; }

.md-header .nav .a2:hover { text-decoration: underline; }

.md-header .nav .cate-panel { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; background: #f7f9fa; color: #333; display: none; }

.md-header .nav .cate-panel .layout { padding: 60px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-header .nav .cate-panel .cate { width: 33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px; opacity: 0; -webkit-transition: .3s .3s; -o-transition: .3s .3s; transition: .3s .3s; }

.md-header .nav .cate-panel .cate-img { width: 170px; margin-right: 20px; }

.md-header .nav .cate-panel .cate-rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-header .nav .cate-panel .cate-tit { font-size: .22rem; font-weight: bold; color: #333; }

.md-header .nav .cate-panel .cate-prods { margin-top: .2rem; }

.md-header .nav .cate-panel .cate-prod { margin-bottom: 13px; }

.md-header .nav .cate-panel .cate-prod:last-of-type { margin-bottom: 0; }

.md-header .nav .cate-panel .cate-prod a:hover { text-decoration: underline; }

.md-header .nav .cate-panel .cate.cate-2{ width: 66%; }
.md-header .nav .cate-panel .cate.cate-2 .cate-prods{ display:flex; flex-wrap: wrap; }
.md-header .nav .cate-panel .cate.cate-2 .cate-prod{ width: 50%; }

.md-header .nav .cate-panel.show { display: block; }

.md-header .nav .cate-panel.show .cate { opacity: 1; }

.md-header .tel { margin-left: .2rem; }

.md-header .tel img { width: 30px; vertical-align: middle; }

.md-header .tel span { vertical-align: middle; }

.md-header .tel:hover { color: #fcb600; }

.md-header .tel:hover img { -webkit-animation: tada 1s forwards; animation: tada 1s forwards; }

.md-header .lang { position: relative; margin-left: 20px; }

.md-header .lang-hd { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .lang-hd img { margin-right: 5px; }

.md-header .lang-hd:after { content: ''; display: inline-block; border-width: .05rem; margin-top: .05rem; margin-left: .05rem; border-style: solid; border-color: transparent; border-top-color: #fff; }

.md-header .lang-bd { position: absolute; left: 50%; top: 100%; z-index: 20; width: 100px; margin-left: -50px; text-align: center; display: none; background: #161616; padding: 5px 0; }

.md-header .lang-bd .opt { display: block; line-height: 2; }

.md-header .lang-bd .opt:hover { color: #fcb600; }

.md-header .lang:hover .lang-bd { display: block; }

@media (max-width: 1300px) { .md-header .logo { margin-right: 30px; }
  .md-header .nav .li1 { margin-right: 0; } }

.md-footer { background: #161616; color: #fff; font-size: .16rem; }

.md-footer a:hover { text-decoration: underline; color: #fcb600; }

.md-footer .foot-1 { padding-top: .5rem; padding-bottom: 20px; }

.md-footer .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .nav .li1 { width: 20%; margin-bottom: 20px; padding-right: 10px; }

.md-footer .nav .a1 { font-size: .2rem; }

.md-footer .nav .ul2 { color: #80858f; margin-top: .2rem; }

.md-footer .nav .li2 { margin-bottom: 10px; }

.md-footer .foot-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; }

.md-footer .foot-2 .contact .tit { font-size: .18rem; margin-bottom: 20px; }

.md-footer .foot-2 .contact .p { color: #80858f; margin-bottom: 10px; }

.md-footer .foot-2 .friendship-link { margin-top: 1em; }

.md-footer .foot-2 .friendship-link_bd { margin-top: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .foot-2 .friendship-link a { display: inline-block; margin-right: 1em; margin-bottom: 1em; color: #80858f; }

.md-footer .foot-2 .friendship-link a:hover { color: #fcb600; }

.md-footer .foot-2 .rg { text-align: right; }
@media (max-width: 1630px) {
  .md-footer .foot-2 .rg { margin-right: .8rem; }
}

.md-footer .foot-2 .rg .tx { margin-top: .2rem; }

.md-footer .foot-2 .codes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .2rem; }

.md-footer .foot-2 .codes .code { margin-left: 20px; text-align: center; }

.md-footer .foot-2 .codes .code img { display: block; height: 70px; margin: auto; }

.md-footer .foot-2 .codes .code .name { margin-top: 10px; font-size: 13px; color: #80858f; }

.md-footer .foot-3 { border-top: 1px solid #434750; padding-top: 30px; padding-bottom: 30px; color: #8c93a2; font-size: 12px; line-height: 2; }

.md-footer .foot-3 .link .beiAn_img { width: 1.2em; margin: 0 5px 0 10px; }

.md-sidebar { position: fixed; right: 5px; top: 60%; z-index: 10; }

.md-sidebar .item { margin-bottom: 5px; }

.md-sidebar .item:hover .bd { display: block; }

.md-sidebar .item .hd { width: 100px; background: #e2f3ff; border-radius: 5px; text-align: center; padding-top: 18px; padding-bottom: 18px; cursor: pointer; }

.md-sidebar .item .hd img { width: 40px; height: 40px; }

.md-sidebar .item .hd p { font-size: .17rem; }

.md-sidebar .item .bd { position: absolute; top: 0; right: 100%; width: 100%; margin-right: 5px; background: #f5f5f5; border-radius: 10px; width: 234px; padding: 30px 0; text-align: center; display: none; }

.md-sidebar .item .bd img { display: block; border-radius: 5px; margin: 0 30px; }

.md-sidebar .item .bd .tel { font-size: .26rem; font-weight: bold; margin-top: 15px; }

.md-sidebar .item .bd .tit { font-size: .2rem; margin-top: 10px; }

.c-title { font-size: .35rem; }

.md-home-banner .swiper-slide { position: relative; overflow: hidden; }

.md-home-banner .swiper-slide-active .img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.md-home-banner .swiper-slide-active .text { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }

.md-home-banner video { width: 100%; aspect-ratio: 1920 / 900; -o-object-fit: cover; object-fit: cover; }

.md-home-banner .img { display: block; width: 100%; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; aspect-ratio: 1920 / 900; -o-object-fit: cover; object-fit: cover; }

.md-home-banner .text { position: absolute; left: 0; top: 9%; z-index: 2; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100%; text-align: center; color: #fff; opacity: 0; -webkit-transition: 1s ease-out; -o-transition: 1s ease-out; transition: 1s ease-out; }

.md-home-banner .text .tit { font-size: .38rem; }

.md-home-banner .text .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .2rem; }

.md-home-banner .text .btn { margin: 0 .1rem; border: 1px solid; padding: 0 1em; line-height: 2em; border-radius: 2em; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-home-banner .text .btn:hover { background-color: #fcb600; border-color: #fcb600; }

.md-home-banner .swiper-pagination { bottom: 35px; mix-blend-mode: difference; }

.md-home-banner .swiper-pagination-bullet { width: 35px; height: 3px; opacity: 1; background: rgba(255, 255, 255, 0.5); margin: 0 7px !important; position: relative; border-radius: 0; }

.md-home-banner .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }

.md-home-banner .swiper-pagination-bullet-active:before { -webkit-transition: 5s linear; -o-transition: 5s linear; transition: 5s linear; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.md-home-banner .arrow { background: #161616; width: 50px; height: 50px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .5; }

.md-home-banner .arrow img { width: 26px; }

.md-home-banner .arrow:hover { background: #fcb600; opacity: 1; }

.md-home-banner .swiper-button-prev { left: 2%; }

.md-home-banner .swiper-button-next { right: 2%; }

.md-home-why { padding: 1rem 0; }

.md-home-why .list { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .16rem; text-align: center; }

.md-home-why .list .li { width: 33%; }

.md-home-why .list .li:nth-of-type(3n) .data { border: none; }

.md-home-why .list .li:hover .tit-1 p { color: #fcb600; }

.md-home-why .list .tit-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-why .list .tit-1 img { height: 1.7rem; margin-right: 10px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.md-home-why .list .tit-1 p { font-size: .44rem; font-weight: bold; }

.md-home-why .list .data { border-right: 1px solid #d3d3d3; margin-top: .2rem; }

.md-home-why .list .data .data-item { margin-bottom: 15px; }

.md-home-why .list .data .tit-2 { font-size: .28rem; font-weight: bold; }

.md-home-why .list .data .desc { line-height: 2; margin-top: 10px; }

.md-home-app { padding: .5rem 0; }

.md-home-app .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-home-app .list .li { position: relative; width: 49.5%; margin-bottom: 1%; }

.md-home-app .list .li:nth-of-type(2n+1) .text { right: 10%; }

.md-home-app .list .li:nth-of-type(2n) .text { left: 10%; }

.md-home-app .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-app .list .li:hover .btn { background-color: #fcb600; border-color: #fcb600; }

.md-home-app .list .img { padding-top: calc(617 / 958 * 100%); }

.md-home-app .list .text { position: absolute; top: 25%; color: #fff; font-size: .16rem; }

.md-home-app .list .tit { font-size: .45rem; font-weight: bold; }

.md-home-app .list .btn { border-radius: 5px; display: inline-block; border: 1px solid #fff; padding: 5px 10px; margin-top: .2rem; }

.md-home-news { padding: 20px 0 0; }

.md-home-news .cnt { background: #f5f5f5; padding-top: 70px; padding-bottom: 60px; margin-top: .5rem; }

.md-home-news .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-news .list .li { width: 50%; padding: 50px 160px; border-right: 2px solid #ccc; }

.md-home-news .list .li:nth-of-type(2n) { border: none; }

.md-home-news .list .li:hover .tit { text-decoration: underline; }

.md-home-news .list .date { font-size: 13px; color: #5a5d63; }

.md-home-news .list .tit { font-weight: bold; font-size: .22rem; margin-top: 10px; }

.md-home-news .list .more { color: #fcb600; font-size: .15rem; margin-top: 15px; }

.md-home-why2 { padding-top: .5rem; }

.md-home-why2 .list .desc { line-height: 2; }

.md-home-why2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding-top: .2rem; padding-bottom: .6rem; margin-top: .5rem; }

.md-home-why2 .list .li { text-align: center; margin-top: .2rem; padding: 0 .1rem; }

.md-home-why2 .list .li:hover .tit { color: #fcb600; }

.md-home-why2 .list .icon { height: 1.07rem; font-size: 0; }

.md-home-why2 .list .icon img { height: 100%; }

.md-home-why2 .list .tit { margin-top: .3rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-home-why2 .list .desc { text-align: left; margin-top: 0.22rem; opacity: .6; line-height: 1.7; }

.md-form-1 { padding: 1.5rem 0; }

.md-form-1 .form { font-size: .14rem; color: #606266; margin-top: 1rem; }

.md-form-1 .form-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-form-1 .form-item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; }

.md-form-1 .form-item--full { width: 100%; }

.md-form-1 .form .hd { width: 10em; text-align: right; line-height: 40px; padding-right: 1em; }

.md-form-1 .form .hd span { color: #f56c6c; }

.md-form-1 .form .bd { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-form-1 .form .bd .ipt, .md-form-1 .form .bd .city-picker-span { width: 100% !important; border: 1px solid #dcdfe6; border-radius: 4px; height: 40px; line-height: 40px; padding: 0 1em; }

.md-form-1 .form .bd .ipt:focus, .md-form-1 .form .bd .city-picker-span:focus { border-color: #fcb600; }

.md-form-1 .form .bd .ipt-err, .md-form-1 .form .bd .city-picker-span-err { border-color: #f56c6c; }

.md-form-1 .form .bd .city-picker-span { background: url(../images/icon-down2.png) no-repeat right 1em center; }

.md-form-1 .form .bd .textarea { display: block; width: 100%; height: 5em; border: 1px solid #dcdfe6; border-radius: 4px; line-height: 2; padding: .5em 1em; }

.md-form-1 .form .bd .textarea:focus { border-color: #fcb600; }

.md-form-1 .form .bd .err { position: absolute; left: 0; top: 100%; color: #f56c6c; font-size: 12px; margin-top: 5px; display: none; }

.md-form-1 .form .btn { display: block; width: 160px; height: 60px; line-height: 60px; text-align: center; background: #202946; color: #fff; font-size: .16rem; margin: 50px auto 0; cursor: pointer; border: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-form-1 .form .btn:hover { background-color: #fcb600; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); }

/* 关于我们-简介 */
.md-about-1 { position: relative; }

.md-about-1 .bg { width: 100%; display: block; }

.md-about-1 .text { position: absolute; left: 0; top: 76px; width: 100%; }

.md-about-1 .text .tit { font-size: .45rem; color: #000; }

.md-about-1 .text .desc { font-size: .22rem; color: #666; line-height: 2; margin-top: 40px; }

.md-about-2 { padding-top: 1.2rem; padding-bottom: .8rem; }

.md-about-2 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-about-2 .row-1 .img { position: relative; margin-right: 70px; }

.md-about-2 .row-1 .img:before { content: ''; position: absolute; left: -20px; top: 0; width: 100%; height: 100%; background: #fcb600; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-about-2 .row-1 .img img { display: block; width: 362px; height: 362px; border-radius: 50%; -o-object-fit: contain; object-fit: contain; }

.md-about-2 .row-1 .img:hover:before { left: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.md-about-2 .row-1 .tx { font-size: .45rem; color: #000; margin-bottom: 20px; }

.md-about-2 .desc { line-height: 2; margin-top: 45px; font-size: .22rem; color: #666; }

.md-about-3 { background: #f7f7f7; padding-top: 70px; padding-bottom: 1rem; }

.md-about-3 .title { font-size: .45rem; line-height: 1.8; }

.md-about-3 .title span { display: inline-block; border-bottom: 4px solid #fcb600; }

.md-about-3 .list { margin-top: 70px; }

.md-about-3 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #aca8a8; font-size: .18rem; line-height: 1.5; }

.md-about-3 .list .li.active { font-weight: bold; color: #000; }

.md-about-3 .list .li.active .date:after { display: block; }

.md-about-3 .list .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 6px; }

.md-about-3 .list .date { position: relative; width: 10em; padding-bottom: 6px; }

.md-about-3 .list .date:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #d3d3d3; }

.md-about-3 .list .date:after { content: ''; position: absolute; left: -1px; top: 0; height: 1.5em; width: 3px; background: #fcb600; display: none; }

.md-about-3 .list .date span { margin-left: 1em; }

.md-about-4 { padding-top: 1rem; padding-bottom: 1rem; }

.md-about-4 .title { font-size: .45rem; }

.md-about-4 .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 40px; }

.md-about-4 .data .item { margin: 0 40px; }

.md-about-4 .data .tit { font-size: .2rem; color: #000; display: inline-block; vertical-align: baseline; margin-right: 10px; }

.md-about-4 .data .num { font-size: .45rem; color: #fcb600; display: inline-block; vertical-align: baseline; }

.md-about-4 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-about-4 .list .li { width: 33%; margin-bottom: 4.8%; }

.md-about-4 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-4 .list .c-pic { width: 360px; max-width: 90%; margin: auto; }

.md-about-4 .list .img { padding-top: calc(270 / 360 * 100%); }

.md-about-4 .list .text { color: #333; }

.md-about-4 .list .tit { font-size: .24rem; }

.md-about-4 .list .sub { font-size: .2rem; }

@media (max-width: 1400px) { .md-about-4 .list .tit { font-size: .2rem; }
  .md-about-4 .list .sub { font-size: .16rem; } }

.md-about-5 .title { font-size: .45rem; }

.md-about-5 .list { margin-top: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-about-5 .list .li { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5%; padding-right: 20px; }

.md-about-5 .list .img { position: relative; margin-right: 20px; }

.md-about-5 .list .img img { width: 32px; vertical-align: top; }

.md-about-5 .list .img span { color: #fff; font-size: .26rem; position: absolute; left: 0; top: 2px; width: 100%; text-align: center; }

.md-about-5 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-5 .list .tit { color: #333; font-size: .18rem; }

.md-about-5 .list .sub { color: #666; font-size: .16rem; margin-top: 10px; line-height: 1.7; }

.md-contact-1 { position: relative; padding-top: 1.5rem; padding-bottom: 1.3rem; min-height: 1080px; }

.md-contact-1 .cnt { position: absolute; }

.md-contact-1 .title { font-size: .38rem; color: #000; border-bottom: 1px solid #0b0306; padding-bottom: 15px; }

.md-contact-1 .text { width: 865px; }

.md-contact-1 .list { margin-top: 70px; color: #000; }

.md-contact-1 .list .li { margin-bottom: 35px; }

.md-contact-1 .list .tit { font-size: .27rem; }

.md-contact-1 .list .sub { font-size: .22rem; opacity: .8; margin-top: 5px; }

.md-contact-1 .desc { font-size: .22rem; color: #000; line-height: 1.7; margin-top: 60px; }

.md-cope-1 { position: relative; }

.md-cope-1 .tit { font-size: .37rem; position: absolute; left: 0; bottom: .5rem; width: 100%; }

.md-cope-2 { padding: 1rem 0; }

.md-cope-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-news-2 { padding-top: .5rem; padding-bottom: .5rem; }

.md-news-2 .title { font-size: .45rem; }

.md-news-2 .list { margin-top: .5rem; }

.md-news-2 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; border-bottom: 1px solid #eee; }

.md-news-2 .list .li:hover .name { color: #fcb600; }

.md-news-2 .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 40px; }

.md-news-2 .list .date .day { font-size: .4rem; }

.md-news-2 .list .date .split { margin: 0 5px; }

.md-news-2 .list .date .ym { font-size: .18rem; line-height: 1.2; }

.md-news-2 .list .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #eee; padding-left: 40px; }

.md-news-2 .list .name { color: #000; font-size: .25rem; }

.md-news-2 .list .desc { color: #5a5d63; font-size: .2rem; line-height: 1.5; margin-top: .2rem; }

.md-news-2 .c-pagination { margin-top: .5rem; }

.md-news-3 { padding-bottom: 1rem; }

.md-news-3 .route { font-size: .23rem; margin: 20px 0; }

.md-news-3 .route a:hover { color: #fcb600; }

.md-news-3 .main { background: #f6f6f6; padding: 76px; }

.md-news-3 .details { font-size: .18rem; color: #252525; line-height: 1.75; }

.md-news-3 .page { font-size: .18rem; color: #000; margin-top: .5rem; }

.md-news-3 .page .item { margin-top: 10px; }

.md-news-3 .page a:hover { color: #fcb600; }

.md-join-1 { position: relative; }

.md-join-1 .bg { padding-top: calc(900 / 1920 * 100%); }

.md-join-1 .cnt { position: absolute; left: 0; top: 30%; width: 100%; text-align: center; }

.md-join-1 .tit { font-size: .5rem; color: #fff; }

.md-join-1 .form { width: 750px; height: 60px; margin: 20px auto 0; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .22rem; padding: 0 23px; }

.md-join-2 .layout { width: 1230px; }

.md-join-2 .list { margin-top: 1rem; }

.md-join-2 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.md-join-2 .list .li:nth-of-type(2n) .text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-join-2 .list .li:nth-of-type(2n) .c-pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-join-2 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-join-2 .list .text { width: 36.58%; }

.md-join-2 .list .c-pic { border-radius: 10px; width: 56%; }

.md-join-2 .list .img { padding-top: calc(386 / 694 * 100%); }

.md-join-2 .list .tit { font-size: .38rem; line-height: 1.5; color: #1F0001; }

.md-join-2 .list .desc { font-size: .22rem; line-height: 2; color: #7B7E84; margin-top: 30px; }

.md-join-3 { padding-top: .5rem; }

.md-join-3 .layout { width: 1150px; }

.md-join-3 .title_main { font-size: .45rem; color: #000; }

.md-join-3 .title_sub { font-size: .35rem; color: #d3d3d3; }

.md-join-3 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .23rem; }

.md-join-3 .list .li { width: 20%; margin-bottom: .8rem; }

.md-join-3 .list .li:hover .text { color: #fcb600; }

.md-join-3 .list .li:nth-of-type(5n+2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-join-3 .list .li:nth-of-type(5n+3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-join-3 .list .li:nth-of-type(5n+4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-join-3 .list .li:nth-of-type(5n+5) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-join-3 .list .img { height: 70px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; }

.md-join-3 .list .text { margin-top: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-join-4 { background: #f6f6f6; padding-top: 1rem; padding-bottom: .5rem; }

.md-join-4 .layout { width: 1230px; }

.md-join-4 .title { font-size: .45rem; }

.md-join-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; }

.md-join-4 .list .li { width: 22%; margin-right: 4%; margin-bottom: 4%; background: #fff; padding: .3rem .2rem .5rem; }

.md-join-4 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-join-4 .list .li:hover .first_line span { color: #fcb600; }

.md-join-4 .list .li .first_line { font-size: .27rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-join-4 .list .li .first_line img { height: 70px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; }

.md-join-4 .list .li .first_line span { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-join-4 .list .li .second_line { font-size: .22rem; color: #fff; line-height: 1.75; background: #fcb600; display: inline-block; padding: 0 10px; }

.md-join-5 { padding: 37px 0; }

.md-join-5 .form { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-join-5 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 10px; height: 40px; color: #000; }

.md-join-5 .form .ipt:focus { border-color: #fcb600; }

.md-join-5 .form .ipt::-webkit-input-placeholder { color: #606266; }

.md-join-5 .form .ipt:-ms-input-placeholder { color: #606266; }

.md-join-5 .form .ipt::-ms-input-placeholder { color: #606266; }

.md-join-5 .form .ipt::placeholder { color: #606266; }

.md-join-5 .form select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.md-join-5 .form button { min-width: 70px; height: 40px; text-align: center; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 10px; background: none; color: #606266; cursor: pointer; margin-left: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-join-5 .form button[type=submit]:hover { background-color: #fcb600; color: #fff; border-color: #fcb600; }

.md-join-5 .form button[type=reset]:hover { border-color: #fcb600; color: #fcb600; }

.md-join-6 { background: #f6f6f6; padding: .5rem 0; }

.md-join-6 .list { background: #fff; padding: .5rem; }

.md-join-6 .list .li { border-bottom: 1px solid #dcdcdc; padding: 30px 0; }

.md-join-6 .list .li:last-of-type { border-bottom: none; }

.md-join-6 .list .tit { font-size: .27rem; color: #000; }

.md-join-6 .list .data { font-size: .22rem; color: #333; margin-top: 10px; }

.md-join-6 .list .desc { font-size: .18rem; line-height: 1.7; color: #666; margin-top: 10px; }

.md-join-6 .list .more { font-size: .16rem; color: #fff; margin-top: 10px; background: #fcb600; padding: 5px 1em; border-radius: 50px; display: inline-block; }

.md-join-6 .c-pagination { margin-top: .5rem; }

.md-join-7 { background: #f6f6f6; padding: .5rem 0; }

.md-join-7 .layout { background: #fff; padding: .5rem; }

.md-join-7 .back { font-size: .18rem; }

.md-join-7 .back a { color: #666; }

.md-join-7 .back a:hover { color: #fcb600; }

.md-join-7 .tit { font-size: .3rem; color: #000; margin-top: .2rem; }

.md-join-7 .data { font-size: .22rem; color: #999; margin-top: .2rem; }

.md-join-7 .details { margin-top: 40px; line-height: 1.7; font-size: .16rem; color: #666; }

.md-join-7 .fot { margin-top: 40px; }

.md-join-7 .fot .btn { font-size: .18rem; color: #fff; line-height: 3; display: inline-block; padding: 0 20px; background: #fcb600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-join-7 .fot .btn:hover { background-color: #fcbd1a; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); }

.md-serve-1 { position: relative; }

.md-serve-1 .title { position: absolute; left: 0; bottom: 20%; width: 100%; }

.md-serve-1 .title .cn { font-size: .45rem; }

.md-serve-1 .title .en { font-size: .2rem; margin-top: 10px; }

.md-serve-2 { padding: 1rem 0; }

.md-serve-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-serve-2 .list .li { width: 190px; margin: 0 .5rem; }

.md-serve-2 .list .img { height: 1.3rem; }

.md-serve-2 .list .text { font-size: .27rem; }

.md-serve-3 { padding-top: .5rem; padding-bottom: 1rem; }

.md-serve-3 .layout { width: 1600px; }

.md-serve-3 .title { font-size: .45rem; }

.md-serve-3 .row { margin-top: .5rem; }

.md-serve-3 .row .tit { font-size: .27rem; }

.md-serve-3 .row .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .24rem; margin-top: .5rem; }

.md-serve-3 .row .list .li { width: 15%; margin-right: 2%; margin-bottom: 30px; }

.md-serve-3 .row .list .li:nth-of-type(6n) { margin-right: 0; }

.md-serve-3 .row .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-serve-3 .row .list .li:hover .name { color: #fcb600; }

.md-serve-3 .row .list .li:nth-of-type(6n+2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-serve-3 .row .list .li:nth-of-type(6n+3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-serve-3 .row .list .li:nth-of-type(6n+4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-serve-3 .row .list .li:nth-of-type(6n+5) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-serve-3 .row .list .li:nth-of-type(6n+6) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.md-serve-3 .row .list .img { padding-top: calc(180 / 240 * 100%); }

.md-serve-3 .row .list .name { margin-top: .2rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-serve-4 { background: #dde8f5; padding: 1rem 0; }

.md-serve-4 .layout { width: 1600px; }

.md-serve-4 .title { text-align: center; font-size: .45rem; }

.md-serve-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; }

.md-serve-4 .list .li { width: 31%; margin-right: 3.5%; margin-bottom: .5rem; }

.md-serve-4 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-serve-4 .list .li:hover .tit { color: #fcb600; }

.md-serve-4 .list .tit { font-size: .24rem; font-weight: normal; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-serve-4 .list .imgs { margin-top: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-serve-4 .list .c-pic { width: 49%; }

.md-serve-4 .list .img { padding-top: calc(164 / 217 * 100%); }

.md-serve-4 .list .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-serve-5 { padding: 1rem 0; }

.md-serve-5 .title { font-size: .45rem; }

.md-serve-5 .desc { font-size: .27rem; margin-top: .5rem; line-height: 1.5; }

.md-serve-5 .img-full { margin-top: .5rem; }

.c-navbar { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; background: #1d2945; font-size: .16rem; color: #fff; padding: 20px 0; }

.c-navbar .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-1 { padding-top: 30px; padding-bottom: 1rem; }

.md-prod-1 .title { font-size: .2rem; }

.md-prod-1 .desc { font-size: .17rem; color: #666; margin-top: .2rem; }

.md-prod-1 .desc table { width: 100%; }

.md-prod-1 .desc table tr:nth-of-type(2n+1) { background: #f5f5f5; }

.md-prod-1 .desc table td { padding: 12px; }

.md-prod-1 .desc table td:first-child { font-size: .2rem; color: #333; font-weight: bold; }

.md-prod-2 { position: relative; background: #000; }

.md-prod-2 video { width: 100%; display: block; background: #000; }

.md-prod-2 .text { position: absolute; left: 0; top: .5rem; width: 100%; }

.md-prod-2 .text .tit { font-size: .45rem; }

.md-prod-2 .text .desc { font-size: .27rem; line-height: 1.5; margin-top: .2rem; }

.md-prod-3 { padding: .5rem 0 1rem; }

.md-prod-3 .c-title2 { margin-top: .5rem; }

.md-prod-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: .3rem; }

.md-prod-3 .list .li { width: 20%; padding: 0 2%; margin-top: .2rem; }

.md-prod-3 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-3 .list .li:hover .tit { color: #fcb600; }

.md-prod-3 .list .img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; max-width: 100%; height: 1.3rem; -o-object-fit: contain; object-fit: contain; }

.md-prod-3 .list .tit { font-size: .25rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-top: .1rem; }

.md-prod-3 .list .desc { opacity: .8; line-height: 1.8; font-size: 0.18rem; margin-top: .2rem; }

@media (max-width: 1500px) { .md-prod-3 .list .tit { font-size: .22rem; } }

.md-prod-4 { padding: 1rem 0; }

.md-prod-4 .title { font-size: .45rem; }

.md-prod-4 .desc { margin-top: .5rem; font-size: .27rem; line-height: 1.5; }

.md-prod-5 { margin: 1rem 0; }

.md-prod-5 .list .li { position: relative; }

.md-prod-5 .list .img { padding-top: calc(550 / 964 * 100%); }

.md-prod-5 .list .tit { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size: .24rem; text-align: center; padding: 5px 0; background: rgba(0, 0, 0, 0.5); display: none; }

.md-prod-5 .list .arrow { background: #161616; width: 50px; height: 50px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .5; }

.md-prod-5 .list .arrow img { width: 26px; }

.md-prod-5 .list .arrow:hover { background: #fcb600; opacity: 1; }

.md-prod-5 .list .swiper-button-prev { left: 25%; }

.md-prod-5 .list .swiper-button-next { right: 25%; }

.md-prod-6 { padding: 1rem 0; }

.md-prod-6 .title { font-size: .45rem; }

.md-prod-6 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-6 .list .li { width: 32%; margin-right: 2%; margin-bottom: 2%; position: relative; }

.md-prod-6 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-6 .list .li:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-6 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-6 .list .li:hover:after { opacity: 1; }

.md-prod-6 .list .li:hover .text { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-prod-6 .list .img { padding-top: calc(276 / 434 * 100%); }

.md-prod-6 .list .text { position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-6 .list .tit { font-size: .24rem; }

.md-prod-6 .list .more { font-size: .18rem; margin-top: .2rem; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-6 .list .more:hover { color: #fcb600; }

.md-prod-7 { margin: 1rem 0; }

.md-prod-7 .list .li { position: relative; }

.md-prod-7 .list .img { padding-top: calc(550 / 960 * 100%); }

.md-prod-7 .list .tit { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size: .24rem; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 10px; display: none; }

.md-prod-8 { padding: 1rem 0; }

.md-prod-8 .title { font-size: .45rem; }

.md-prod-8 .desc { margin-top: .5rem; font-size: .27rem; }

.md-prod-8 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: 30px; }

.md-prod-8 .list .li { width: 32%; margin-right: 2%; }

.md-prod-8 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-8 .list img { height: 1.5rem; max-width: 100%; -o-object-fit: contain; object-fit: contain; }

.md-prod-8 .list .tit { font-size: .28rem; }

.md-prod-8 .list .tx { font-size: .18rem; margin-top: .2rem; }

.md-prod-9 { padding: 1rem 0; }

.md-prod-9 .layout { width: 1200px; }

@media (max-width: 1400px) { .md-prod-9 .layout { width: 1000px; } }

.md-prod-9 .cate-wrap { margin-top: .5rem; position: relative; }

.md-prod-9 .cate-wrap .line { position: absolute; left: 0; bottom: -1px; width: 72px; border-top: 3px solid; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

.md-prod-9 .cate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #eee; text-align: center; }

.md-prod-9 .cate .item { cursor: pointer; padding-bottom: 20px; opacity: .5; }

.md-prod-9 .cate .item.on { opacity: 1; }

.md-prod-9 .cate .item:hover { opacity: 1; }

.md-prod-9 .cate .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-9 .cate img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; height: 0.6rem; }

.md-prod-9 .cate .tit { font-size: .18rem; margin-top: .2rem; }

.md-prod-9 .imgs { border: 20px solid; border-radius: 20px; font-size: 0; margin-top: .5rem; }

.md-prod-9 .imgs img { display: none; width: 100%; }

.md-prod-9 .imgs img:first-of-type { display: block; }

.md-prod-10 { position: relative; }

.md-prod-10 .text { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.md-prod-10 .text-cnt { width: 50%; }

.md-prod-10 .text .tit { font-size: .45rem; }

.md-prod-10 .text .desc { font-size: .27rem; line-height: 1.5; margin-top: .2rem; }

.md-prod-10 .text .btn { margin-top: .2rem; display: inline-block; font-size: .24rem; padding: .5em 1em; border-radius: 60px; border: 1px solid #333; color: #333; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-10 .text .btn:hover { background: #fcb600; color: #fff; border-color: #fcb600; }

.md-prod-11 { background: #202945; color: #fff; padding: .5rem 0 .7rem; }

.md-prod-11 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: .27rem; text-align: center; }

.md-prod-11 .list .li { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2%; }

.md-prod-11 .list .li:after { content: ''; position: absolute; right: 0; top: 30%; width: 2px; height: 50%; background: #fff; opacity: .5; }

.md-prod-11 .list .li:last-of-type:after { display: none; }

.md-prod-11 .list img { max-width: 100%; height: 1.3rem; }

.md-prod-11 .list .text { margin-top: 10px; }

@media (max-width: 1500px) { .md-prod-11 .list { font-size: .22rem; } }

.md-prod-12 { padding: 1rem 0; }

.md-prod-12 .list { margin-top: .5rem; }

.md-prod-12 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.md-prod-12 .list .li:last-of-type { margin-bottom: 0; }

.md-prod-12 .list .li:nth-of-type(2n) .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-prod-12 .list .li:nth-of-type(2n) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-prod-12 .list .c-pic { width: 50%; }

.md-prod-12 .list .img { padding-top: calc(390 / 604 * 100%); }

.md-prod-12 .list .text { width: 50%; padding: 4%; }

.md-prod-12 .list .tit { font-size: .38rem; font-weight: bold; }

.md-prod-12 .list .desc { font-size: .24rem; line-height: 1.5; margin-top: 10px; }

.md-prod-13 { background: #000; color: #fff; padding: 1rem 0; }

.md-prod-13 .title { font-size: .45rem; }

.md-prod-13 .desc { margin-top: .5rem; font-size: .27rem; }

.md-prod-13 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }

.md-prod-13 .list .li { width: 32%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2%; }

.md-prod-13 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-13 .list img { height: 1.5rem; }

.md-prod-13 .list .tit { font-size: .28rem; margin-top: .3rem; }

.md-prod-13 .list .tx { font-size: .18rem; }

.md-prod-14 { padding: 1rem 0; background: #000; color: #fff; }

.md-prod-14 .desc { margin: .5rem 0; }

.md-prod-14 .section { position: relative; text-align: center; }

.md-prod-14 .section img { max-width: 100%; }

.md-prod-14 .section .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-prod-15 { padding: 1rem 0; }

.md-prod-15 .layout { width: 1500px; }

.md-prod-15 .c-title2 { margin-bottom: .5rem; }

.md-prod-15 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: 0.3rem; }

.md-prod-15 .list .li { width: 16.6%; margin-top: 0.2rem; }

.md-prod-15 .list .li:hover .tit { color: #fcb600; }

.md-prod-15 .list .icon { height: 1.3rem; }

.md-prod-15 .list .tit { margin-top: 0.2rem; font-size: 0.25rem; }

.md-prod-15 .list .desc { opacity: .8; line-height: 1.8; font-size: 0.18rem; margin-top: .2rem; }

.md-prod-16 { padding: 1rem 0; }

.md-prod-16 .layout { width: 1730px; }

.md-prod-16 .title { font-size: .45rem; }

.md-prod-16 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-16 .list .li { width: 24%; margin-right: 1.3%; margin-bottom: 1.3%; position: relative; }

.md-prod-16 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-prod-16 .list .li:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-16 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-16 .list .li:hover:after { opacity: 1; }

.md-prod-16 .list .li:hover .text { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-prod-16 .list .img { padding-top: calc(276 / 434 * 100%); }

.md-prod-16 .list .text { position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-16 .list .tit { font-size: .24rem; }

.md-prod-16 .list .more { font-size: .18rem; margin-top: .2rem; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-16 .list .more:hover { color: #fcb600; }

.md-prod-17 { position: relative; background: #000; color: #fff; }

.md-prod-17 .text { position: absolute; left: 0; top: 0; width: 100%; padding: 1rem 0; }

.md-prod-17 .list { margin-top: .76rem; }

.md-prod-17 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: .2rem; }

.md-prod-17 .list li:before { content: ''; width: .19rem; height: .19rem; border-radius: 50%; background-color: #fcb600; margin-right: .3rem; }

.md-prod-18 { background: #000; color: #fff; padding: 1rem 0; }

.md-prod-18 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-18 .img { width: 60%; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.md-prod-18 .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-18 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-18 .list { margin-top: .2rem; }

.md-prod-18 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.2rem; }

.md-prod-18 .list .li:before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: #fcb600; margin-right: .3rem; }

.md-prod-19 { background: #000; color: #fff; padding: 1rem 0; }

.md-prod-19 .layout { width: 1152px; }

.md-prod-19 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin-top: 4%; }

.md-prod-19 .list .li { width: 49%; margin-bottom: 2%; position: relative; }

.md-prod-19 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3)); }

.md-prod-19 .list .li:hover:after { height: 100%; background: rgba(0, 0, 0, 0.3); }

.md-prod-19 .list .li:hover .tit { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-prod-19 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-19 .list .img { padding-top: calc(341 / 565 * 100%); }

.md-prod-19 .list .tit { position: absolute; left: 0; bottom: 5%; z-index: 2; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-20 { padding: 1rem 0; background: #000; color: #fff; }

.md-prod-20 .layout { width: 1730px; }

.md-prod-20 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-20 .list .li { width: 46%; margin-bottom: .3rem; }

.md-prod-20 .list .video { width: 100%; aspect-ratio: 806 / 538; }

.md-prod-20 .list .tit { margin-top: .3rem; }

.md-prod-21 { padding: 1rem 0; }

.md-prod-21 .layout { width: 1152px; }

.md-prod-21 .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-21 .list .li { width: 33.33%; }

.md-prod-21 .list .li:hover .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-21 .list .li:hover .tit { color: #fcb600; }

.md-prod-21 .list .icon { height: 1.3rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-21 .list .tit { margin-top: .35rem; }

.md-prod-21 .list .desc { margin-top: .5rem; display: inline-block; }

.md-prod-21 .list .desc li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.2rem; }

.md-prod-21 .list .desc li:before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #fcb600; margin-right: 0.2rem; }

.md-prod-22 { padding: 1rem 0; }

.md-prod-22 .desc { margin-top: .5rem; }

.md-prod-22 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .7rem; }

.md-prod-22 .list .li { width: 12.5%; margin-bottom: 0.2rem; }

.md-prod-22 .list .li:hover .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-22 .list .li:hover .tit { color: #fcb600; }

.md-prod-22 .list .icon { height: .78rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-22 .list .tit { margin-top: .2rem; }

.md-prod-23 { padding-bottom: 0.5rem; }

.md-prod-23 .text { padding: 1rem 0; }

.md-prod-23 .text .desc { margin-top: .5rem; }

.md-prod-23 .toggle { width: 1152px; margin: -4.2rem auto 0; }

.md-prod-23 .toggle .hd { -webkit-box-shadow: 5px 5px 20px 0; box-shadow: 5px 5px 20px 0; }

.md-prod-23 .toggle .hd img { width: 100%; display: none; }

.md-prod-23 .toggle .hd img.on { display: block; }

.md-prod-23 .toggle .bd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: 0.3rem; }

.md-prod-23 .toggle .bd-item { text-align: center; cursor: pointer; opacity: .5; }

.md-prod-23 .toggle .bd-item .icon { height: 1.3rem; }

.md-prod-23 .toggle .bd-item.on { opacity: 1; }

.md-prod-24 { padding: 1rem 0; }

.md-prod-24 .layout { width: 1012px; }

.md-prod-24 .desc { margin-top: 0.5rem; }

.md-prod-24 .desc table { width: 100%; color: #606266; }

.md-prod-24 .desc th { font-size: .27rem; color: #909399; }

.md-prod-24 .desc th * { vertical-align: middle; }

.md-prod-24 .desc td, .md-prod-24 .desc th { border: 1px solid gray; padding: .11rem; }

.md-prod-24 .desc td { font-size: .22rem; }

.md-prod-24 .desc td:first-of-type { background-color: #d3d3d3; }

.md-prod-25 { padding: 1rem 0; }

.md-prod-25 .box { width: 600px; max-width: 100%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #000; }

.md-prod-25 .img { width: 2.2rem; min-height: 2.2rem; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-25 .img img { width: 1.2rem; }

.md-prod-25 .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-25 .text { padding: .3rem; }

.md-prod-25 .text p { margin-bottom: .1rem; }

.md-prod-25 .text p:last-of-type { margin-bottom: 0; }

.md-prod-26 { background: #000; padding: 1rem 0; }

.md-prod-26 .layout { width: 17.04rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-26 .list-wrap { margin-bottom: .5rem; }

.md-prod-26 .list-wrap:last-of-type { margin-bottom: 0; }

.md-prod-26 .list-wrap .title { width: 2rem; height: .49rem; line-height: .49rem; text-align: center; background: url(../images/ai_name.png) no-repeat center/cover; }

.md-prod-26 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-26 .list .li { position: relative; width: 4rem; margin-right: .26rem; margin-bottom: 1.3%; }

.md-prod-26 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }

.md-prod-26 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-26 .list .img { padding-top: calc(238 / 402 * 100%); }

.md-prod-26 .list .tit { position: absolute; left: 0; bottom: 0.2rem; z-index: 2; width: 100%; color: #fff; }

.md-prod-27 { background: #eeeeee; padding: 1rem 0; }

.md-prod-27 .desc { margin-top: .5rem; }

.md-prod-27 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-27 .list .li { position: relative; width: 32%; margin-right: 2%; margin-bottom: 2%; }

.md-prod-27 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-27 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }

.md-prod-27 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-27 .list .li:hover .tit { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-prod-27 .list .img { padding-top: calc(278 / 436 * 100%); }

.md-prod-27 .list .tit { position: absolute; left: 0; bottom: .2rem; z-index: 2; width: 100%; color: #fff; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-28 { padding: 1rem 0; }

.md-prod-28 .title { font-size: .45rem; }

.md-prod-28 .list { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-28 .list .li { width: 49%; margin-right: 2%; margin-bottom: 2%; position: relative; }

.md-prod-28 .list .li:nth-of-type(2n) { margin-right: 0; }

.md-prod-28 .list .li:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: .5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-28 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-28 .list .li:hover:after { opacity: 1; }

.md-prod-28 .list .img { padding-top: calc(276 / 434 * 100%); }

.md-prod-28 .list .text { position: absolute; left: 0; bottom: 50%; z-index: 2; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-28 .list .tit { font-size: .35rem; }

.md-prod-28 .list .more { font-size: .27rem; margin-top: .2rem; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-prod-28 .list .more:hover { color: #fcb600; }

.md-prod-29 { padding: 1rem 0 2rem; }

.md-prod-29 .layout { width: 1100px; }

.md-prod-29 .list { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: -webkit-gradient(linear, left bottom, left top, from(#eaebef), to(#f3f4f6)); background: -o-linear-gradient(bottom, #eaebef, #f3f4f6); background: linear-gradient(0deg, #eaebef, #f3f4f6); border-radius: .2rem; overflow: hidden; background: #f2f3f5; -webkit-box-shadow: .15rem .15rem .3rem .1rem #d3d3d3; box-shadow: .15rem .15rem .3rem .1rem #d3d3d3; }

.md-prod-29 .list .li { width: 33.33%; position: relative; }

.md-prod-29 .list .li:after { content: ''; position: absolute; right: 0; top: 30%; width: 2px; height: 60%; background: #d3d3d3; }

.md-prod-29 .list .li:nth-of-type(3n):after { display: none; }

.md-prod-29 .list .num { height: .73rem; position: relative; color: #fff; font-size: .27rem; }

.md-prod-29 .list .num:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; border-color: transparent; border-style: solid; border-width: 0.35rem 0.8rem; border-left-color: #202945; border-top-color: #202945; width: 0; height: 0; }

.md-prod-29 .list .num span { position: relative; z-index: 2; line-height: .7rem; margin-left: .2rem; }

.md-prod-29 .list .desc { font-size: .27rem; color: #202945; padding: .3rem; padding-bottom: .5rem; margin-top: 0.4rem; line-height: 1.7; }

.md-prod-30 { padding: 1rem 0; }

.md-prod-30 .layout { width: 1344px; }

.md-prod-30 .list { margin-top: .7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-30 .list .li { position: relative; width: calc(444 / 1344 * 100%); margin-right: calc(6 / 1344 * 100%); margin-bottom: calc(6 / 1344 * 100%); }

.md-prod-30 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-30 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-30 .list .li:hover .tit { color: #fcb600; }

.md-prod-30 .list .img { padding-top: calc(285 / 444 * 100%); }

.md-prod-30 .list .text { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); padding: .1rem; }

.md-prod-31 { padding: 1rem 0; }

.md-prod-31 .layout { width: 1286px; }

.md-prod-31 .list { margin-top: .2rem; }

.md-prod-31 .list .li { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-31 .list .c-pic { width: calc(720 / 1286 * 100%); }

.md-prod-31 .list .c-pic:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-31 .list .img { padding-top: calc(450 / 720 * 100%); }

.md-prod-31 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; background: #f1f3f6; padding: .6rem; }

.md-prod-31 .list .tit { color: #202945; }

.md-prod-31 .list .desc { line-height: 1.67; margin-top: .3rem; margin-bottom: .38rem; color: rgba(32, 41, 69, 0.56); }

.md-prod-31 .list .more { color: #fcb600; }

.md-prod-31 .list .more:hover { text-decoration: underline; }

.md-prod-32 { padding: 1rem 0; }

.md-prod-32 .layout { width: 1328px; }

.md-prod-32 .c-descrition { margin-top: .5rem; }

.md-prod-33 { padding: 1rem 0; }

.md-prod-33 .layout { width: 1020px; }

.md-prod-33 .container { margin-top: 0.7rem; position: relative; }

.md-prod-33 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-33 .list .li { max-width: 3rem; }

.md-prod-33 .list .icon { height: .82rem; }

.md-prod-33 .list .dot { width: 0.1rem; height: .1rem; margin: .34rem auto 0; border-radius: 50%; background: #000; }

.md-prod-33 .list .tit { margin-top: .63rem; }

.md-prod-33 .line { position: absolute; top: 1.65rem; left: .65rem; right: .65rem; margin: auto; border-top: 2px dotted #999; }

.md-prod-33.black-theme .layout { width: 1328px; }

.md-prod-33.black-theme .list .dot { background-color: #fff; }

.md-prod-34 { padding: 1rem 0; }

.md-prod-34 .layout { width: 1440px; }

.md-prod-34 .c-title2 { margin-bottom: .5rem; }

.md-prod-34 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.md-prod-34 .list .li { width: 16.6%; }

.md-prod-34 .list .li:hover .tit { color: #fcb600; }

.md-prod-34 .list .icon { height: 1.3rem; }

.md-prod-34 .list .tit { margin-top: .34rem; }

.md-prod-35 .list { margin-top: .5rem; }

.md-prod-35 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.md-prod-35 .list .li:last-of-type { margin-bottom: 0; }

.md-prod-35 .list .li:nth-of-type(2n) .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-prod-35 .list .li:nth-of-type(2n) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-prod-35 .list .img { width: 50%; text-align: center; }

.md-prod-35 .list .img img { max-width: 100%; }

.md-prod-35 .list .text { width: 50%; padding: 4%; }

.md-prod-35 .list .tit { font-size: .38rem; font-weight: bold; }

.md-prod-35 .list .desc { font-size: .24rem; line-height: 1.5; margin-top: 10px; opacity: .8; }

.md-prod-36 .c-title2 { margin-bottom: .3rem; }

.md-prod-36 .layout { width: 1200px; }

.md-prod-36 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; text-align: center; }

.md-prod-36 .list .li { width: 25%; padding: 0 2%; margin-top: .2rem; }

.md-prod-36 .list .icon { max-width: 100%; height: 1.3rem; -o-object-fit: contain; object-fit: contain; }

.md-prod-36 .list .tit { margin-top: .1rem; font-size: 0.25rem; }

.md-prod-36 .list .desc { font-size: .18rem; line-height: 1.6; opacity: .7; margin-top: .2rem; }

.md-common { padding: 1rem 0; }

.c-title2 { font-size: .45rem; text-align: center; }

.c-descrition { font-size: 0.27rem; line-height: 1.7; margin-top: .5rem; }

.icon-replay { position: absolute; right: .2rem; bottom: .2rem; z-index: 2; width: .57rem; cursor: pointer; visibility: hidden; }

.macbook-container { width: 12.86rem; max-width: 100%; height: 6.72rem; margin: .7rem auto 0; background: url(../images/computer_border.png) no-repeat center/contain; color: #fff; }

.macbook-container .video, .macbook-container .img, .macbook-container iframe { display: block; width: 75%; height: 81%; -o-object-fit: contain; object-fit: contain; margin: 0 auto; position: relative; top: .48rem; }

.macbook-container .icon-replay { right: 10%; bottom: 10%; }

.pad-container { border: .2rem solid #000; border-radius: .25rem; width: 10.75rem; max-width: 100%; margin: .7rem auto 0; }

.pad-container .video, .pad-container .img, .pad-container iframe { display: block; width: 100%; }

.pad-container iframe { aspect-ratio: 1920 / 1080; min-height: 5rem; }

.black-theme .pad-container { border-color: #fff; }

.black-theme { background: #000; color: #fff; }

.md-third-1 { padding-top: .5rem; }

.md-third-1 .layout { width: 1200px; }

.md-third-1 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #ebebeb; padding: 4% 8%; margin-bottom: .5rem; }

.md-third-1 .list .li:hover .tit { color: #fcb600; }

.md-third-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-third-1 .list .text { width: 48%; }

.md-third-1 .list .tit { font-size: .35rem; font-weight: bold; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-third-1 .list .desc { margin-top: 30px; font-size: .18rem; line-height: 1.5; }

.md-third-1 .list .more { color: #fcb600; margin-top: 30px; font-size: .18rem; }

.md-third-1 .list .img { width: 40%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.md-third-1 .list .img img { width: 100%; }